 .content-box{
	padding: 0 32rpx;
}
.m-t16{
	margin-top: 16rpx;
}
.m-t24{
	margin-top: 24rpx;
}
.m-t32{
	margin-top: 32rpx;
}
.m-t80{
	margin-top: 80rpx;
}
.m-b8{
	margin-bottom: 8rpx;
}
.m-b16{
	margin-bottom: 16rpx;
}
.m-b32{
	margin-bottom: 32rpx;
}
.m-b30{
	margin-bottom: 30rpx;
}
.m-r16{
	margin-right: 16rpx;
}
.border-b{
	border-bottom: 2rpx solid #EEEEEE;
}
.but-blue{
	color: #fff;
	background:#27A0FF;
}
.t-but{
	width: 160rpx;
	border-radius: 48rpx;
	font-size: 22rpx;
	text-align: center;
	height: 48rpx;
	line-height: 48rpx;
	margin-top: 24rpx;
}
.orange-back{
	background:#FF7027 !important;
}
.public-box{
	border-radius:24rpx;
	padding: 32rpx 24rpx;
	background-color: #fff;
}

.orange{
	color: #FF8227 !important;
}
.red{
	color: #EB0C00 !important;
}
.blue{
	color: #27A0FF !important;
}





/* 首页导航 */
.top-font{
	font-size: 30rpx;
	font-weight: bold;
}

.font-hui{
	color: #999999;
	font-size: 24rpx;
}
.font-h1{
	font-size: 32rpx;
	color: #333;
	font-weight: bold;
}
/* 商品 */
.goods-box{
	.goods{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding:32rpx 0;
		border-bottom: 2rpx solid #EEEEEE;
		.img-box{
			width:160rpx;
			height: 160rpx;
			border-radius:20rpx;
			margin-right: 24rpx;
			background:#f8f8f8;
			overflow: hidden;
			display: flex;
			align-items: center;
			.img{
				width: 160rpx;
				height: 160rpx;
			}
		}
		
		.goods-font{
			width:calc(100% - 184rpx);
			.goods-h1{
				font-size:30rpx;
				font-weight: bold;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				margin-bottom: 8rpx;
			}
			.sale{
				font-size: 24rpx;
				color: #999;
				margin-bottom: 24rpx;
			}
			.font-bottom{
				display: flex;
				align-items: flex-end;
				justify-content:space-between;
				.font-bottom-l{
					display: flex;
					align-items: flex-end;
					justify-content: flex-start;
					.goods-span-red{
						font-size: 24rpx;
					}
					.red{
						color: #F82727;
						font-size: 34rpx;
						font-weight: bold;
						margin-right: 16rpx;
						span{
							
						}
					}
					.grey{
						color: #999;
						font-size: 24rpx;
					}
					.grey2{
						color: #999;
						font-size: 24rpx;
						text-decoration:line-through;
					}
				}
			}
		}
	}
	.goods:last-child{
		border-bottom: none;
	}
}
/* 小标题 */
.detail-title{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 24rpx;
		.title-box{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			height:42rpx;
			.title-h1{
				color: #333;
				font-size: 30rpx;
				line-height: 42rpx;
			}
			.line{
				width: 8rpx;
				height: 24rpx;
				border-radius: 4rpx;
				background-color: #27A0FF;
				margin-right: 8rpx;
			}
		}
		.title-more{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			color: #999;
			font-size: 24rpx;
		}
	}
/* 技师 */
	
.list-box{
	position: relative;
	border-radius:24rpx;
	padding: 32rpx 24rpx;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 24rpx;
	background-color: #fff;
	margin-bottom:24rpx;
	.icon-font{
		display: flex;
		justify-content: flex-end;
		color: #999999;
		font-size: 24rpx;
	}
	
}
.list-head{
	height:160rpx;
	width: 160rpx;
	background: #999;
	margin-right: 24rpx;
	border-radius: 160rpx;
	position: relative;
	font-weight: bold;
	.img-box{
		height:160rpx;
		width: 160rpx;
		border-radius: 160rpx;
		overflow: hidden;
		.image{
			width: 160rpx;
			height: 160rpx;
		}
	}
	
	.title{
		position: absolute;
		bottom:-8rpx;
		left: 80rpx;
		width: 104rpx;
		margin-left: -51rpx;
		height: 32rpx;
		line-height: 32rpx;
		color: #75391E;
		font-size: 20rpx;
		border-radius: 32rpx;
		padding: 2rpx 6rpx;
		text-align: center;
		background: linear-gradient(180deg, #FFF0D2 0%, #FFC874 100%);
	}
	.title-blue{
		color: #1665AA;
		background: linear-gradient(180deg, #BEF4FF 0%, #30D2FF 100%);
	}
}
.t-vip{
		position: absolute;
		top: 22rpx;
	}

.list-center{
	/* width: calc(100% - 344rpx); */
	margin-right: 24rpx;
	.list-center-h1{
		font-size: 30rpx;
		color: #333;
		font-weight: bold;
		margin-bottom: 8rpx;
	}
	.time{
		display: flex;
		justify-content: flex-start;
		font-size: 22rpx;
		margin-bottom: 8rpx;
		.time-b-red{
			height: 34rpx;
			line-height: 34rpx;
			color: #fff;
			background: #FF1818;
			border-radius: 4rpx;
			border: 2rpx solid #FF1818;
			z-index: 9;
			padding: 0 8rpx;
		}
		.time-f-red{
			height: 34rpx;
			line-height: 34rpx;
			color: #FF1818;
			background: rgba(255,0,0,0.08);
			border: 2rpx solid rgba(255,24,24,0.3);
			border-left: 0;
			border-radius: 0 4rpx 4rpx 0;
			margin-left: -2rpx;
			padding: 0 8rpx;
		}
	}
	
	
}
.list-bottom-box{
	display: flex;
	justify-content: space-between;
}
.list-bottom{
	width: calc(100% - 200rpx);
	.font{
		color: #999999;
		font-size: 24rpx;
		.list-span{
			color:#FFA23E;
			margin-right: 8rpx;
			font-weight: bold;
		}
	}
	.font-flex{
		display: flex;
		justify-content: flex-start;
		.shop{
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
	}
}
.list-center-top{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

/* ---------------- */

.login-but{
		width: 100%;
		height: 80rpx;
		font-size: 28rpx;
		font-weight: bold;
		line-height: 80rpx;
		color:#fff;
		text-align: center;
		background: #27A0FF;
		border-radius:48rpx;
		margin-top: 50rpx;
	}




.down-font{
	font-size: 30rpx;
	color: #333;
}
.down-font-box{
	font-size: 30rpx;
	text-align: center;
	margin-top: 130rpx;
}


.order-h1{
	font-size: 26rpx;
	font-weight: bold;
	color: #333333;
	line-height: 36rpx;
	margin-bottom: 24rpx;
}
.order-h1-font{
	font-size: 24rpx;
	color: #333333;
	line-height: 34rpx;
}

.kong-box{
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav-back{
	background:url("/static/image/nav-back.png") bottom no-repeat;
	background-size: 100% 100%;
}

.logout-but{
		width: 700rpx;
		height: 80rpx;
		font-size: 28rpx;
		font-weight: bold;
		line-height: 80rpx;
		color:#666666;
		text-align: center;
		border-radius:48rpx;
		border: 2rpx solid #C8C8C8;
		position: fixed;
		bottom: 180rpx;
		left: 25rpx;
	}
	
	.logout-but-delete{
			width: 700rpx;
			height: 80rpx;
			font-size: 28rpx;
			font-weight: bold;
			line-height: 80rpx;
			color:#666666;
			text-align: center;
			border-radius:48rpx;
			border: 2rpx solid #C8C8C8;
			position: fixed;
			bottom: 60rpx;
			left: 25rpx;
		}